<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>手写信件</title>
    <style>
        /* 整体样式 */
        body {
            background-color: #f5e7d3;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            margin: 0;
            font-family: 'Georgia', serif;
        }

        /* 信纸容器 */
        .letter-container {
            background: #fffef7;
            width: 80%;
            max-width: 800px;
            padding: 3rem;
            box-shadow: 0 0 15px rgba(0,0,0,0.1);
            position: relative;
            margin: 2rem;
            border-radius: 2px;
            line-height: 1.6;
            color: #3d3d3d;
        }

        /* 装饰元素 */
        .corner-decoration {
            position: absolute;
            width: 50px;
            opacity: 0.3;
        }

        .top-left { top: 10px; left: 10px; }
        .bottom-right { bottom: 10px; right: 10px; transform: rotate(180deg); }

        /* 信件内容排版 */
        .date {
            text-align: right;
            margin-bottom: 2rem;
            color: #666;
        }

        .greeting {
            margin: 1.5rem 0;
            font-size: 1.1em;
        }

        .content {
            text-indent: 2em;
            margin: 1rem 0;
        }

        .signature {
            text-align: right;
            margin-top: 3rem;
            font-family: 'Dancing Script', cursive;
            font-size: 1.5em;
            color: #2d2d2d;
        }

        /* 响应式设计 */
        @media (max-width: 768px) {
            .letter-container {
                width: 90%;
                padding: 1.5rem;
            }
        }

        /* 动画效果 */
        .letter-container:hover {
            box-shadow: 0 0 25px rgba(0,0,0,0.15);
            transition: box-shadow 0.3s ease;
        }
        .imgs {
            width: 100%;
        }
    </style>
    
    <!-- 引入手写字体 -->
    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap" rel="stylesheet">
</head>
<body>
    <div class="letter-container">
        <!-- 装饰图案 -->
        <img src="https://cdn-icons-png.flaticon.com/512/31/31714.png" 
             alt="装饰图案" 
             class="corner-decoration top-left">
        <img src="https://cdn-icons-png.flaticon.com/512/31/31714.png" 
             alt="装饰图案" 
             class="corner-decoration bottom-right">

        <!-- 信件内容 -->
        <div class="date">2025年02月14日</div>
        
        <div class="greeting">哈喽呀 韦雨微：</div>

        展信佳。
        <p class="content">提起笔，满心都是与你共度的那些美好时光，像电影般在我脑海不断放映。</p>
        <p class="content">还记得 2025 年 1 月 24 日的夜晚吗？我们身处边境检查站，周围万籁俱寂，只有风声相伴。我们仰头望向浩瀚星空，璀璨的繁星洒满夜空，每一颗都闪烁着神秘的光芒。那时，世界仿佛只剩下你我，以及这片浩瀚无垠的星空，那种静谧与美好，让我至今难忘。</p>
        <img src="./imgs/wyw/11.jpg" 
        alt="看星星" 
        class="imgs">
        
        
        <p class="content">2 月 9 日，在动漫城唱k，你手持麦克风，尽情歌唱。你的歌声清脆悦耳，每一个音符都像是灵动的小精灵，欢快地跳跃在我的心间。我跟着轻声哼唱，与你相视一笑，那一刻，幸福在空气中弥漫开来。</p>
        <img src="./imgs/wyw/22.jpg" 
        alt="唱k" 
        class="imgs">
        
        <p class="content">还有 2 月 11 日，微风轻拂，暖阳洒在我们身上。我们手牵手漫步在河边，河水波光粼粼，像极了无数闪烁的碎钻。岸边垂柳依依，柳枝轻轻抚过我们的肩膀，似乎在为我们的甜蜜时光喝彩。一路上，我们分享着生活的琐碎，你的笑声清脆爽朗，在河畔久久回荡。走着走着，你突然停下，眼中满是温柔地看向我，那一刻，时间都静止了，我只感受到彼此的心跳和无尽的爱意。 </p>
        <img src="./imgs/wyw/44.jpg" 
        alt="散步" 
        class="imgs">

        <p class="content">
            这些看似平凡的瞬间，却构成了我生命中最珍贵的回忆。有你在身边的日子，每一刻都闪闪发光。未来的路还很长，我期待与你一起创造更多美好的回忆，继续书写属于我们的故事。
        </p>

        <p>最后我想说,</p>
        <p>谢谢你的勇敢, 也谢谢你接受这样的我</p>
        <p>在我平凡且无趣的生活里， 感谢你的出现。</p>
        <p class="content" style="font-weight: bold;"> 你是例外， 也是偏爱~</p>
        
        <div class="greeting">此致</div>
        
        <div class="signature">爱你的男朋友<br><span style="font-size:0.8em">2025-02-14</span></div>
    </div>
</body>
</html>